<div class="foot_main">
    <div class="link">
        友情链接：
        <?php if ($links) : ?>
            <?php foreach ($links as $key => $val) : ?>
                <em>/</em><a href="<?php echo $val['url']; ?>"><img src="<?php echo $val['img']; ?>"></a>
            <?php endforeach; ?>
        <?php endif; ?>


    </div>
    <div class="menu">
        <div class="contact f_l">
            <img src="<?php echo image_url('logo.jpg'); ?>">
            <p>服务热线：</p>
            <a href="tel:<?php echo $this->config->item('telephone'); ?>"><?php echo $this->config->item('telephone'); ?></a>
        </div>
        <div class="list f_r">
            <ul>
                <li>
                    <span>皮肤护理</span>
                    <?php if ($category) : ?>
                        <?php foreach ($category as $key => $val) : ?>
                            <p>
                                <a href="<?php echo "/product/" . $val['id'] . ".html"; ?>"><?php echo $val['category_name'] ?? ""; ?></a>
                            </p>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </li>
                <li>
                    <span>柔美</span>
                    <p><a href="/page/3.html" >起源</a></p>
                    <p><a href="/page/4.html" >我们的目标</a></p>
                </li>
                <li>
                    <span>关于我们</span>
                    <p><a href="/company.html">关于我们</a></p>
                    <p><a href="/contact.html">联系我们</a></p>
                </li>
                <li>
                    <span>新闻</span>
                    <?php if ($zixuncategory) : ?>
                        <?php foreach ($zixuncategory as $key => $val) : ?>
                            <p>
                                <a href="<?php echo "/news/" . $val['id'] . ".html"; ?>"><?php echo $val['category_name'] ?? ""; ?></a>
                            </p>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="copyright">
    <p>版权所有 &copy; 2019-2020 娇薇安斯JOUVIANCE 保留所有权利。</p>
    <a href="#" target="_blank">备案号：粤ICP备16587457号</a>
</div>
<script>
    $(function () {

        $("#phone_nav").click(function () {
            $(".phone_lis").toggle();
        });

        // 皮肤护理
        $("#show_product").mouseover(function () {
            event.stopPropagation();
            $("#show_product_box").show();
        });
        $("#show_product_box").mouseover(function () {
            event.stopPropagation();
            $("#show_product_box").show();
        });
        $("#show_product").mouseout(function () {
            $("#show_product_box").hide();
        });

        $(document).on('mouseout', ':not(#show_product_box)', function () {
            $("#show_product_box").hide();
        });


        // 柔美
        $("#roumei").mouseover(function () {
            event.stopPropagation();
            $("#roumei_box").show();
        });
        $("#roumei_box").mouseover(function () {
            event.stopPropagation();
            $("#roumei_box").show();
        });
        $("#roumei").mouseout(function () {
            $("#roumei_box").hide();
        });

        $(document).on('mouseout', ':not(#roumei_box)', function () {
            $("#roumei_box").hide();
        });

        // 关于我们
        $("#about").mouseover(function () {
            event.stopPropagation();
            $("#about_box").show();
        });
        $("#about_box").mouseover(function () {
            event.stopPropagation();
            $("#about_box").show();
        });
        $("#about").mouseout(function () {
            $("#about_box").hide();
        });

        $(document).on('mouseout', ':not(#about_box)', function () {
            $("#about_box").hide();
        });

        // 动态
        $("#news").mouseover(function () {
            event.stopPropagation();
            $("#news_box").show();
        });
        $("#news_box").mouseover(function () {
            event.stopPropagation();
            $("#news_box").show();
        });
        $("#news").mouseout(function () {
            $("#news_box").hide();
        });

        $(document).on('mouseout', ':not(#news_box)', function () {
            $("#news_box").hide();
        });
    });

</script>
</body>
</html>